<template>
	<div class="j-public">
		<div class="js-item">
			<div class="container">
				<div class="clearfix">
					<div class=" col-md-4 col-sm-4 col-xs-12 js-item-list">
						<p>中国现有白血病患者400万人；白血病的自然发病率约为十万分之四，每年新增白血病患者约4万人。治疗白血病的最佳方法是移植造血干细胞，而造血干细胞主要来自于骨髓。我国每年需要做骨髓移植的病例有4万－10万例，但实际上能得到适用骨髓的平均每年仅1千例，主要原因是骨髓来源困难。</p>
					</div>
					<div  class="col-md-8 col-sm-8 col-xs-12 js-item-list2 clearfix">
						<div class="col-md-6  col-sm-6 col-xs-12 js-list-top">
							<p>脐带血移植与骨髓移植治疗相比，治疗机理相同，但脐带血可实物冷冻，配型成功率比骨髓配型高出数百倍，术后产生排异的机率也相对较低。</p>
						</div>
						<div class="col-md-6  col-sm-6 col-xs-12 js-list-top">
							<p>根据有关专家测算，全国脐带血库公民自愿捐赠脐带血库存量达到7万-10万人份，就能基本满足相关疾病治疗的临床需求。</p>
						</div>
						<div class="col-md-12  col-sm-12 col-xs-12 js-list-down">
							<p>请各位准妈妈伸出友爱之手，无偿捐献孩子的脐带血，回报社会!</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="js-process-box">
			<div class="container">
				<div class="module-title text-center">
					<span class="title-ch">捐赠流程</span><br>
					<span class="title-en">DONATION PROCESS</span>
				</div>
				<ul class="donation-process clearfix">
					<li class="js-process-list">
						<img src="../../assets/bank/stor01.jpg" alt=""><br>
						<p>如果您需要捐赠脐带血，请于分娩之前联系我们；或和咨询顾问约定见面时间</p>
					</li>
					<li class="js-process-list">
						<img src="../../assets/bank/stor02.jpg" alt=""><br>
						<p>请按要求，将以下五项检测数据提供给咨询顾问做初步评估：HBsAg、HCV-Ab、Anti-TP、Anti-HIV、CMV-IgM</p>
					</li>
					<li class="js-process-list">
						<img src="../../assets/bank/stor03.jpg" alt=""><br>
						<p>初评合格后，请至我库签订捐赠知情同意书。您将收到一套采集组，同时获得由红十字会签发的捐赠荣誉证书，以感谢和表彰您的爱心</p>
					</li>
					<li class="js-process-list">
						<img src="../../assets/bank/stor04.jpg" alt=""><br>
						<p>请妥善保管采集组，并在入院待产时交予助产医生。生产前勿忘提醒医生协助抽取母血、采集脐带血，并请医生将采集表填写完整</p>
					</li>
					<li class="js-process-list">
						<img src="../../assets/bank/stor05.jpg" alt=""><br>
						<p>请在产妇入院和分娩后立刻电话通知咨询顾问，我们会立刻安排备有恒温设备的收集车前往生产医院收取，以确保干细胞的活性</p>
					</li>
					<li class="js-process-list">
						<img src="../../assets/bank/stor06.jpg" alt=""><br>
						<p>经过实验室检测处理程序，确认干细胞是否符合储存标准</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
</template>
<style rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	.j-public{
		.js-item{
			margin: 80px auto;
			div{
				.js-item-list{
					p{
						/*font-size: 16px;*/
						line-height: 30px;
						padding-top: 10px;
						border-top: 5px solid #02adef;
					}
				}
				.js-item-list2{
					.js-list-top{
						width: 50%;
						p{
							/*font-size: 16px;*/
							line-height: 30px;
							padding-top: 10px;
							border-top: 5px solid #02adef;
						}
					}
					.js-list-down{
						margin-top: 20px;
						color: #2ea7e0;
						p{
							/*font-size: 22px;*/
							font-size: 18px;
							margin: 0;
						}
					}
				}
			}
		}
		.js-process-box{
			background-color: #f8f8f8;
			padding-bottom: 40px;
			.js-nav-title{
				background-color: #eaeaea;
				height: 50px;
				line-height: 50px;
				.nav-text{
					/*font-size: 16px;*/
					color: #02adef;
				}
			}
			.donation-process{
				.js-process-list{
					float: left;
					width: 33.333333%;
					text-align: center;
					margin-bottom: 50px;
					padding: 0 30px;
					img{
						max-width: 100%;
					}
					p{
						/*font-size: 16px;*/
						line-height: 30px;
						color: #222222;
						text-align: left;
					}
				}
			}
		}
	}
	@media (max-width: 767px){
		.j-public{
			.js-item{
				margin: 80px auto;
				div{
					.js-item-list2{
						.js-list-top{
							width: 100%;
							padding: 0;
						}
						.js-list-down{
							padding: 0;
						}
					}
				}
			}
			.js-process-box{
				.donation-process{
					.js-process-list{
						float: left;
						width: 100%;
					}
				}
			}
		}
	}
</style>